<template>
	<view class="app_Cont">
		<view class="showCont">
			<view class="linkCont">
				<view @click="linkFn(item)" :class="index==0?'linkItem noTop':'linkItem'" :key="index" v-for="(item,index) in linkArr">
					<view class="linkName">{{item.name}}</view>
					<view class="iconfont icon-jiantou2"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				linkArr:[
					{id:1,name:'用户协议',cont:''},
					{id:2,name:'隐私协议',cont:''},
					{id:3,name:'服务条款',cont:''},
					{id:4,name:'会员服务协议',cont:''},
				],
			};
		},
		methods:{
			linkFn(item){
				uni.navigateTo({
					url: 'linkDetal/linkDetal?id='+item.id
				});
			}
		}
	}
</script>

<style lang="less">
		
	.showCont{
		padding: 30rpx 4%;
		box-sizing: border-box;
		.linkCont{
			background-color: #fff;
			padding:0 30rpx;
			border-radius: 10rpx;
			box-sizing: border-box;
			.linkItem{
				padding: 30rpx 0;
				border-top: 1px dashed #ddd;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
			.noTop{
				border-top: none;
			}
		}
	}

</style>
